<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // screen => 屏幕相关的信息 => window.screen

    // availWidth  availHeight   获取屏幕的宽度和高度(不包含任务栏)
    // width       height        获取屏幕的宽度和高度(包含任务栏)

    // console.log(screen);
    // console.log(screen.availWidth, screen.availHeight);
    // console.log(screen.width, screen.height);

    // window.devicePixelRatio   缩放比例/缩放因子

    // console.log(window.devicePixelRatio);
    // console.log(screen.width * devicePixelRatio, screen.height * devicePixelRatio);




</script>

</html>